  import { mapGetters } from 'vuex'
  
  // 导出一个mixins对象
  export default {
    computed: {
      // 将 m_cart 模块中的 total 映射为当前页面的计算属性
      ...mapGetters('m_cart', ['total'])
    },
    // 使用侦听器，侦听购物车的数量是否有变化，有的话就立即执行侦听器里面的代码
    watch: {
      // 监听 total 值的变化
      total() {
        // 调用 methods 中的 setBadge 方法，重新为 tabBar 的数字徽章赋值
        this.setBadge()
      }
    },
    // 当页面刚展示的时候显示徽标
    onShow() {
      this.setBadge()
    },
    methods: {
      setBadge() {
        uni.setTabBarBadge({
          index: 2, // 索引
          text: this.total + '' // 因为total必须是字符串 ，不是数值
        })
      }
    }
  }